// import {ProForm, ProFormText} from "@ant-design/pro-components";
// import {Button, Checkbox, Form, Input, Select} from "antd";
//
// function CcForm(){
//     let obj =  {}
//
//     const onFinish = (values:any)=>{
//         console.log(values,"values")
//     }
//
//     const [form] = Form.useForm()
//
//
//     const onGenderChange = (value)=>{
//         switch (value){
//             case "male":
//                 form.setFieldsValue({gender:"male"})
//             case "female":
//                 form.setFieldsValue({gender:"female"})
//         }
//     }
//
//
//     const onReset= ()=>{
//         form.resetFields()
//     }
//
//     const onFill = ()=>{
//         form.setFieldsValue({
//             username:"waterkid",
//             gender:"male"
//         })
//     }
//
//     return (
//         <div>
//
//             <Form onFinish={onFinish}>
//                 <Form.Item label="username" name="username"
//                 rules={[{required:true,message:"please input your username"}]}
//                 >
//                     <Input/>
//                 </Form.Item>
//
//                 <Form.Item name="remember" valuePropName="checked">
//                     <Checkbox>remember me</Checkbox>
//                 </Form.Item>
//
//                 <Form.Item noStyle>
//                     <Button type="primary" htmlType="submit">
//                         submit
//                     </Button>
//
//
//                 </Form.Item>
//             </Form>
//
//
//
//             <Form form={form}  name="waterkid" onFinish={onFinish}>
//                 <Form.Item label="username" name="username"
//                            rules={[{required:true,message:"please input your username"}]}
//                 >
//                     <Input/>
//                 </Form.Item>
//                 <Form.Item name="gender" label="gender">
//                     <Select
//                         placeholder="select a gender"
//                         allowClear
//                         onChange={onGenderChange}
//                     >
//                         <Option value="male">male</Option>
//                         <Option value="female">female</Option>
//                     </Select>
//                 </Form.Item>
//
//                 <Form.Item wrapperCol={{offset:8,span:16}}>
//                     <Button type="primary" htmlType="submit">
//                         submit
//                     </Button>
//                     <Button type="default" htmlType="button" onClick={onReset}>reset</Button>
//                     <Button type="link" htmlType="button" onClick={onFill}>
//                         fill form
//                     </Button>
//                 </Form.Item>
//
//             </Form>
//
//         </div>
//     )
// }
//
// export default CcForm
